<template>
    <div>
        <div class='activity-right'>
            <h3>订单详情</h3>
            <el-form :inline="true" id="order" :rules="rules" :model="ruleForm" style="border:1px solid #eee;margin:20px 0;">
                <el-form-item width="20%" label="订单编号:" prop="orderId">
                    <template>{{ruleForm.orderId}}</template>
                </el-form-item>
                <el-form-item label="订单状态:" prop="orderStatus">
                    <template>{{ruleForm.orderStatus == 'S' ? '支付成功':(ruleForm.orderStatus == 'W' ? '待支付':(ruleForm.orderStatus == 'F' ? '支付失败' :(ruleForm.orderStatus == 'RW' ? '申请退款' :(ruleForm.orderStatus == 'RU' ? '退款中':(ruleForm.orderStatus == 'RS'?'已退款':(ruleForm.orderStatus == 'C' ?'已完成' :(ruleForm.orderStatus == 'Q' ?'已取消':(ruleForm.orderStatus == 'RF' ? '退款失败' :(ruleForm.orderStatus == 'AU' ?'退款审核中':'')))))))))}}</template>
                </el-form-item>
                <el-form-item prop="tradeType" label="下单方式:" v-if="ruleForm.tradeType!='null'">
                    <template>{{ruleForm.tradeType == 'APP'?'APP':(ruleForm.tradeType == 'JSAPI'?'小程序' :'') }}</template>
                </el-form-item>
                <el-form-item label="平台流水号:" prop="payOrderId">
                    <template>{{ruleForm.payOrderId == null ? '无' : ruleForm.payOrderId}}</template>
                </el-form-item>
                <el-form-item label="微信流水号:" prop="transactionId">
                    <template>{{ruleForm.transactionId == null ? '无' : ruleForm.transactionId}}</template>
                </el-form-item>
                <el-form-item label="运费:" prop="postage">
                    <template>{{ruleForm.postage}}</template>
                </el-form-item>
                <el-form-item label="订单金额:" prop="orderPrice">
                    <template>{{ruleForm.orderPrice}}</template>
                </el-form-item>
                <el-form-item label="优惠券金额:" prop="couponAmount" v-if="ruleForm.couponAmount!=undefined">
                    <template>{{ruleForm.couponAmount}}</template>
                </el-form-item>
                <el-form-item label="订单实付金额:" prop="payment" >
                    <template>{{payment}}</template>
                </el-form-item>
                <el-form-item label="运单状态:" prop="logisticStatus">
                    <template>{{ruleForm.logisticStatus == 'LU'?'已发货':(ruleForm.logisticStatus == 'LW'?'待发货' :(ruleForm.logisticStatus == 'LP' ? '部分发货' : '已收货' ))}}</template>
                </el-form-item>
                <el-form-item label="商品数量:" prop="orderGoodsNum	">
                    <template>{{ruleForm.orderGoodsNum}}</template>
                </el-form-item>
                <el-form-item label="下单时间:" prop="createTime" width="180">
                    <template>{{ruleForm.createTime}}</template>
                    <!-- <template>{{$formate(this.ruleForm.createTime,'yyyy-MM-dd hh:mm:ss') }}</template> -->
                </el-form-item>
                <el-form-item label="订单更新时间:" prop="updateTime">
                    <template>{{ruleForm.updateTime}}</template>
                    <!-- <template>{{ $formate(this.ruleForm.updateTime,'yyyy-MM-dd hh:mm:ss') }}</template> -->
                </el-form-item>
                <el-form-item label="收件人姓名:" prop="contacts	">
                    <template>{{ruleForm.contacts!='null' ? ruleForm.contacts :''}}</template>
                </el-form-item>
                <el-form-item label="收件人电话:" prop="mobilePhone	">
                    <template>{{ruleForm.mobilePhone !='null' ? ruleForm.mobilePhone :''}}</template>
                </el-form-item>
                <el-form-item label="收件地址:" prop="userAddress">
                    <!-- <el-input style="width:600px" v-model="userAddress" type="text" placeholder="请输入邮寄地址" clearable></el-input> -->
                    <template>{{ruleForm.detailedAddress !='null' ? ruleForm.detailedAddress :''}}</template>
                </el-form-item>
                <el-form-item label="快递公司:" v-if= "editlogistics" prop="logisticsName	">
                    <el-input style="width:200px; "  v-model="logistics_name" type="text"  placeholder="请填写快递公司"  @blur = "handleEdit"  clearable></el-input>
                </el-form-item>
                <el-form-item v-else label="快递公司:" prop="logisticsName	"><template>{{logistics_name}}</template></el-form-item>
                <el-form-item label="快递单号:" v-if= "editlogistics" prop="logistics_no	">
                    <el-input style="width:200px" v-model="logistics_no" type="text"  placeholder="请填写快递单号" @blur = "handleEdit" clearable></el-input>
                </el-form-item>
                <el-form-item v-else label="快递单号:" prop="logistics_no	"><template>{{logistics_no}}</template></el-form-item>
                <section>
                    <el-form-item label="订单备注:" v-if="this.ruleForm.orderStatus == 'S' && (this.ruleForm.logisticStatus=='LW'  )" >
                        <el-input style="width:600px" v-model="ruleForm.remark" :maxlength="200" type="textarea" :rows="5" placeholder="请填写订单备注,最多200个字符" clearable></el-input>
                    </el-form-item>
                    <el-form-item label="订单备注:" v-if="this.ruleForm.logisticStatus =='LU' || this.ruleForm.logisticStatus =='LP' || this.ruleForm.logisticStatus =='LS'" >
                        <el-input disabled style="width:600px" v-model="ruleForm.remark" type="textarea" :rows="5" placeholder="请填写订单备注" clearable></el-input>
                    </el-form-item>
                </section>
                <section class='btn' style="margin:10px 0;height:50px">
                    <el-form-item class="handlebtn" style="margin-rigth:10px;float:right">
                        <el-button v-if="this.ruleForm.orderStatus=='AU' && (this.ruleForm.logisticStatus=='LW' || this.ruleForm.logisticStatus=='LU' )" type="primary" @click="handleClickRadio">同意退款</el-button>
                        <el-button v-if="this.ruleForm.orderStatus=='AU' && (this.ruleForm.logisticStatus=='LW' || this.ruleForm.logisticStatus=='LU')" type="primary" @click="handleClickReject">拒绝退款</el-button>
                        <el-button v-if="(this.ruleForm.orderStatus=='S'|| this.ruleForm.orderStatus=='AU' || this.ruleForm.orderStatus=='C') && (this.ruleForm.logisticStatus=='LW')" class='' type="primary" @click="handleClickGoodsLittle">部分发货</el-button>
                        <el-button v-if="(this.ruleForm.orderStatus=='S'|| this.ruleForm.orderStatus=='AU' || this.ruleForm.orderStatus=='C') && (this.ruleForm.logisticStatus=='LW' || this.ruleForm.logisticStatus=='LP')" class='' type="primary" @click="handleClickGoods">确定发货</el-button>
                        <el-button v-if="this.ruleForm.orderStatus=='S' && this.ruleForm.logisticStatus == 'LU' && logistics_no=='' && logistics_name==''" class='' type="primary" @click="handleClick">补录发货单</el-button>
                        
                        <el-button v-if="logistics_no != '' && logistics_name != ''" class='' type="primary" @click="editLogistic">修改运单</el-button>
                         <el-button v-if="this.ruleForm.orderStatus=='S' && (this.ruleForm.logisticStatus=='LW' || this.ruleForm.logisticStatus=='LP')" type="primary" @click="handleClickSelf">商品自提 <span style="color:red;">（{{this.selfArr1.length}}）</span></el-button>
                         <el-button class='' type="primary" @click="goBack">返回</el-button>
                    </el-form-item>
                </section>

            </el-form>
            <div class='popup-detail storeCode' v-if='isShow'>
                <el-form ref="form" :model="form" style="margin-top:30px;">
                    <el-form-item label="快递公司:" prop="expressCompany">
                        <el-select style="width:300px" class='input' v-model="logisticsName" placeholder="选择公司">
                            <el-option v-for="item in companyArray" :key="item.value" :label="item.label" :value="item.label">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="运单编号:" prop="orderNumber">
                        <el-input class='input' style="width:300px" v-model="logisticsNo" type="text" placeholder="输入运单编号" clearable></el-input>
                    </el-form-item>
                    <i class="el-icon-circle-close-outline close" title="关闭" @click="close"></i>
                    <el-button class='' style="margin-top:20px;" type="primary" @click="handleClickbtno">提交运单</el-button>
                </el-form>
            </div>
            <div class='popup-detail storeCode' v-if='isShow2'>
                <el-form ref="form" :model="form" style="margin-top:30px;">
                    <el-form-item label="快递公司:" prop="expressCompany">
                        <el-select style="width:300px" class='input' v-model="logisticsName" placeholder="选择公司">
                            <el-option v-for="item in companyArray" :key="item.value" :label="item.label" :value="item.label">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="运单编号:" prop="orderNumber">
                        <el-input class='input' style="width:300px" v-model="logisticsNo" type="text" placeholder="输入运单编号" clearable></el-input>
                    </el-form-item>
                    <i class="el-icon-circle-close-outline close" title="关闭" @click="close"></i>
                    <el-button class='' style="margin-top:20px;" type="primary" @click="handleClickbtn">确定发货</el-button>
                    <el-button class='' style="margin-top:20px;" type="primary" @click="handleClickbtnlater">稍后发货</el-button>
                </el-form>
            </div>

            <el-table class="table-common " ref="multipleTable" style="width: 100%" :data="goodsItem"  @selection-change="handleSelectionChange">
                <el-table-column
                    type="selection"
                    width="120" :selectable="selectable" >	
                </el-table-column>
                <el-table-column  prop="goods_pic" label="商品图片" width="180" align="center">
                    <template slot-scope="scope">
                        <img v-if="scope.row.goods_pic && scope.row.goods_pic != undefined && scope.row.goods_pic != 'null'" style="width:100%" :src="scope.row.goods_pic" alt="">
                        <img class="img-img" v-else  src="https://goods.dingdian.xin/FlnRd5l-LXhjqxv6o8_0KuVBpDy0?imageMogr2/thumbnail/300000@" alt="">
                    </template>
                </el-table-column>
                <el-table-column prop="goods_code" label="商品编号" align="center" width="120">
                </el-table-column>
                <el-table-column prop="goods_name" label="商品名称" align="center" width="120">
                </el-table-column>
                <el-table-column prop="activity_name" label="活动会场" align="center" width="120">
                </el-table-column>
                <el-table-column prop="original_price" label="商品原价" align="center" width="120">
                </el-table-column>
                <el-table-column prop="discount_price" label="商品活动价" align="center" width="120">
                </el-table-column>
                <el-table-column prop="goods_price" label="商品实际价格" align="center" width="150">
                </el-table-column>
                <el-table-column prop="goods_num" label="商品数量" align="center" width="120">
                </el-table-column>
                <el-table-column prop="specs_name" label="商品尺寸" align="center" width="150">
                </el-table-column>
                <el-table-column prop="stock_num" align="center" label="商品库存" width="120">
                </el-table-column>
                <el-table-column  prop="isZiti" align="center" label="线上/线下" width="120">
                    <template slot-scope="scope">
                        {{scope.row.isOffline == 1 ? '已自提' : ''}}
                    </template>
                </el-table-column>
                <!-- <el-table-column
                    v-if = "ruleForm.orderStatus == 'S' && ruleForm.logisticStatus == 'LW'"
                    prop="refund_flag"
                    label="退款"
                    width="150">
                    <template slot-scope="scope">
                           
                            <el-button v-if="scope.row.refund_flag==0"  class= 'btn-boo' type="primary" @click="handleClickRadio(scope.row)">确定退款</el-button>
                            <el-button v-else disabled class= 'btn-boo' type="primary" @click="handleClick">退款中</el-button>
                    </template>
                </el-table-column> -->

            </el-table>
        </div>
    </div>
</template>
<script>
import {
    getOrderDetail,
    getUserAddressById,
    updateOrderLogisticStatus,
    updateDetailRefundFlag,
    getUserById,
    createLogistics,
    getRefund,
    getLogistics,
    refundAudit,
    modifyLogistics,
    offlineOrderDetail
} from "../../data/postData";
export default {
    mounted() {
       
        this.getOrderDetail()

        this.getLogistics();
        
    },
    data() {
        return {
            params: JSON.parse(localStorage.getItem("routeParams")),
            ruleForm: {
                orderId: "",
                orderStatus: "",
                postage: "",
                orderPrice: "",
                logisticStatus: "",
                orderGoodsNum: "",
                createTime: "",
                updateTime: "",
                tradeType: "",
                remark: '',//订单备注
                payOrderId: "",//平台流水号
                transactionId: ""//微信流水号
            },
            selfArr:[],//自提商品集合
            selfArr1:[],//自提商品集合
            editlogistics:false, //修改运单信息
            payment: "",
            logistics_name: "",
            logistics_no: "",
            form: {
                expressCompany: "",
                orderNumber: ""
            },
            refund_flag: 1,
            isShow: false,
            isShow1: false,
            isShow2: false,
            status: false,
            form: null,
            logisticsName: "",
            logisticsNo: "",
            companyArray: [
                {
                    value: 1,
                    label: "顺丰"
                },
                {
                    value: 2,
                    label: "圆通"
                },
                {
                    value: 3,
                    label: "申通"
                },
                {
                    value: 4,
                    label: "EMS"
                },
                {
                    value: 5,
                    label: "中通"
                },
                {
                    value: 6,
                    label: "韵达"
                },
                {
                    value: 7,
                    label: "汇通"
                },
                {
                    value: 8,
                    label: "天天"
                },
                {
                    value: 9,
                    label: "全峰"
                },
                {
                    value: 10,
                    label: "优速"
                },
                {
                    value: 11,
                    label: "百世快递"
                }
            ],
            contacts: "",
            mobilePhone: "",
            userAddress: "",
            name: "",
            nickName: "",
            id: "",
            page: "",
            size: "",
            goodsItem: null,
            rules: {},
            isOfflineArr:[]
        };
    },
    methods: {
        //获取订单详情
        getOrderDetail(){
            let params = {
                data: {
                    orderId: this.params.id,
                    storeNo: this.params.storeNo
                }
            };
            this.$fetch.post(getOrderDetail, params).then(res => {
                this.ruleForm = res.data;
                console.log(res.data,'res.data')
                // //判断订单中是否已有自提商品
                // res.data.list.forEach(item => {
                //     if(item.isOffline == 1){
                //         this.isOfflineArr.push(item.id)
                //     }
                // })
                this.ruleForm.remark = res.data.remark != 'null' ? res.data.remark : ''
                this.goodsItem = res.data.list;
                if(res.data.orderStatus == 'S' || res.data.orderStatus == 'AU' || res.data.orderStatus == 'C' || res.data.orderStatus == 'RF'){
                    if (res.data.couponAmount && res.data.couponAmount != undefined) {
                        var price = (Number(res.data.orderPrice)*1000 + Number(res.data.postage)*1000 - Number(res.data.couponAmount)*1000)/1000
                        this.payment = price > 0 ? price : 0
                    }else{
                        this.payment = Number(res.data.orderPrice) + Number(res.data.postage)
                    }
                    
                }else{
                    this.payment = 0
                }
                this.payment =  this.payment.toFixed(2)
            });
        },
        //修改运单信息
        editLogistic(){
            this.editlogistics = true
        },
        handleEdit(){
            if(this.logistics_name && this.logistics_name !='' && this.logistics_no && this.logistics_no !=''){
                var params = {
                    "data": {
                        "orderId" : this.params.id,
                        "logisticsName": this.logistics_name,
                        "logisticsNo": this.logistics_no
                    }
                }
                this.$fetch.post(modifyLogistics, params).then(res=>{
                    this.editlogistics = false
                }).catch(err=>{})
             
            }
        },
        //部分发货
        handleClickGoodsLittle(){
            var params = {
                "data":{
                    "orderId":this.params.id,
                    "logisticStatus":"LP",
                    "remark":this.ruleForm.remark
                }
            }
            this.$confirm(
                    "确定部分发货？请填写备注"
                ).then(_ => {
                    this.$fetch.post(updateOrderLogisticStatus,params).then(res=>{
                        this.$message({
                            message:res.message,
                            type:'success',
                            duration: 1000
                        })
                        setTimeout(()=>{
                            this.ruleForm.logisticStatus = "LP";
                        },1000)
                    }).catch(err=>{})
                })
        },
        //提交运单
        handleClickbtno() {
            if (this.logisticsName != "" && this.logisticsNo != "") {
                let params = {
                    data: {
                        orderId: this.params.id,
                        logisticsName: this.logisticsName,
                        logisticsNo: this.logisticsNo
                    }
                };
                this.$fetch.post(createLogistics, params).then(res => {
                    this.$message({
                        message: res.message,
                        type: "success",
                        duration: 1000
                    });
                    this.getLogistics();
                    setTimeout(() => {
                        this.isShow = false;
                        this.isShow1 = false;
                        //this.isShow2 = false
                        this.disabled = false;
                        //  this.ruleForm.logisticStatus = "LU"
                    }, 1200);
                }).catch(err => {});
            } else {
                this.$message({
                    message: "正确填写运单信息",
                    type: "warning",
                    duration: 1500
                });
            }
        },
        //拒绝退款
        handleClickReject() {
            if (this.ruleForm.orderStatus == "AU") {
                let params = {
                    data: {
                        orderId: this.params.id,
                        orderStatus: "C"
                    }
                };
                this.$confirm(
                    "确定拒绝退款 ？订单支付成功，未发货请与买家沟通说明原因"
                ).then(_ => {
                    this.$fetch
                        .post(refundAudit, params)
                        .then(res => {
                            this.$message({
                                message: res.message,
                                type: "success",
                                duration: 1000
                            });
                            setTimeout(() => {
                                this.ruleForm.orderStatus = "C";
                            }, 1200);
                        })
                        .catch(err => {
                            this.$message({
                                message: err.message,
                                type: "warning",
                                duration: 1000
                            });
                        });
                });
            }
        },
        //补录运单信息按钮
        handleClick() {
            this.isShow = true;
        },
        close() {
            this.isShow = false;
            this.isShow2 = false;
        },
        //同意退款
        handleClickRadio() {
            var params = {
                data: {
                    orderId: this.params.id,
                    tradeType: this.ruleForm.tradeType
                }
            };
            this.$confirm("确定同意退款？").then(_ => {
                this.$fetch
                    .post(getRefund, params)
                    .then(res => {
                        if (
                            res.data.result_code == "SUCCESS" &&
                            res.data.return_code == "SUCCESS"
                        ) {
                            this.$message({
                                message: "退款成功",
                                type: "success",
                                duration: 1000
                            });
                            setTimeout(() => {
                                this.ruleForm.orderStatus = "RS";
                            }, 1200);
                        } else {
                            this.$message({
                                message: "退款失败",
                                type: "warning",
                                duration: 1500
                            });
                            setTimeout(() => {
                                this.ruleForm.orderStatus = "RF";
                            }, 1200);
                        }
                    })
                    .catch(err => {
                        this.$message({
                            message: err.message,
                            type: "warning",
                            duration: 1500
                        });
                    });
            });
        },
        //获取运单信息
        getLogistics() {
            let paramsq = {
                data: {
                    orderId: this.params.id
                }
            };
            this.$fetch.post(getLogistics, paramsq).then(res => {
                console.log(res.data)
                if(res.data != null){
                    this.logistics_name = res.data.logistics_name;
                    this.logistics_no = res.data.logistics_no;
                }else{
                    this.logistics_name = '';
                    this.logistics_no = '';
                }
            }).catch(err => {
                this.$message({
                    message: err.message,
                    type: 'error',
                    duration: 1000
                })
            });
        },
        // 确定发货
        handleClickbtn() {
            if (this.logisticsName != "" && this.logisticsNo != "") {
                let params = {
                    data: {
                        orderId: this.params.id,
                        logisticsName: this.logisticsName,
                        logisticsNo: this.logisticsNo
                    }
                };
                this.$fetch.post(createLogistics, params).then(res => {
                    this.$message({
                        message: res.message,
                        type: "success",
                        duration: 1000
                    });
                    let params2 = {
                        data: {
                            orderId: this.params.id,
                            logisticStatus: "LU",
                            remark:this.ruleForm.remark
                        }
                    };
                    this.$fetch.post(updateOrderLogisticStatus, params2).then(res => {
                        this.$message({
                            message: res.message,
                            type: "success",
                            duration: 1000
                        });
                        setTimeout(() => {
                            this.ruleForm.logisticStatus = "LU";
                        }, 1500);
                    }).catch(err => {
                        this.$message({
                            message: err.message,
                            type: "warning",
                            duration: 1500
                        });
                    });
                    this.getLogistics();
                    setTimeout(() => {
                        this.isShow = false;
                        this.isShow2 = false;
                        this.disabled = false;
                    }, 1200);
                    })
                .catch(err => {
                    this.$message({
                        message: err.message,
                        type: "warning",
                        duration: 1000
                    });
                });
            } else {
                this.$message({
                    message: "正确填写运单信息",
                    type: "warning",
                    duration: 1500
                });
            }
        },
        // 稍后发货
        handleClickbtnlater() {
            this.$confirm("确认稍后发货？").then(_ => {
                if (this.ruleForm.orderStatus == "S" || this.ruleForm.orderStatus == "C" || this.ruleForm.orderStatus == 'RW' || this.ruleForm.orderStatus == 'AU' || this.ruleForm.orderStatus == 'RU') {
                    if (this.ruleForm.logisticStatus == "LW" || this.ruleForm.logisticStatus == "LP" ) {
                        this.isShow1 = true;
                        let params = {
                            data: {
                                orderId: this.params.id,
                                logisticStatus: "LU",
                                remark:this.ruleForm.remark
                            }
                        };
                        // this.$confirm('确定发货？')
                        // .then(_ => {
                        this.$fetch.post(updateOrderLogisticStatus, params).then(res => {
                            this.$message({
                                message: res.message,
                                type: "success",
                                duration: 1000
                            });
                            setTimeout(() => {
                                // this.$router.go(-1)
                                this.ruleForm.logisticStatus = "LU";
                                this.isShow1 = true;
                            }, 1500);
                        }).catch(err => {
                            this.$message({
                                message: err.message,
                                type: "warning",
                                duration: 1500
                            });
                        });
                        //})
                    } else {
                        this.$message({
                            message: "订单已发货",
                            type: "warning",
                            duration: 1500
                        });
                    }
                } else {
                    this.$message({
                        message: "订单支付不成功",
                        type: "warning",
                        duration: 1500
                    });
                }

                setTimeout(() => {
                    this.isShow2 = false;
                    this.isShow1 = true;
                }, 500);
            });
        },

        // 确定发货按钮
        handleClickGoods() {
            if (
                this.ruleForm.orderStatus != "S" &&
                this.ruleForm.orderStatus != "AU" && this.ruleForm.orderStatus != "C"
            ) {
                this.$message({
                    message: "订单未支付",
                    type: "warning",
                    duration: 2000
                });
            } else if (this.ruleForm.logisticStatus != "LW" && this.ruleForm.logisticStatus != "LP") {
                this.$message({
                    message: "订单已发货",
                    type: "warning",
                    duration: 2000
                });
            } else {
                this.isShow2 = true;
            }
        },
        goBack() {
            this.$router.go(-1);
        },
        //选择商品自提操作
        handleSelectionChange(val){
            var newVal = []
            val.forEach((item,index) => {
                if(item.isOffline == 0){
                    newVal.push(item)
                }
            })
            this.selfArr1 = newVal
        },
        //自提按钮
        handleClickSelf(){
            let arr = [];
            this.selfArr1.forEach(item => {
                arr.push(item.id)
            })
            this.selfArr = arr
            if(this.selfArr.length < 1){
                this.$message({
                    message: '无可自提商品',
                    type: 'warning',
                    duration: 1000
                })
            }else{
                this.$confirm("已选择" + "（ " + this.selfArr1.length + " 件）" + "自提商品").then(_ => {
                    var params = {
                        "data":{
                            "orderId": this.ruleForm.orderId,
                            "detailIds":this.selfArr,
                            "remark": this.ruleForm.remark
                        }
                    }
                    this.$fetch.post(offlineOrderDetail, params).then(res => {
                        this.$message({
                            message: res.message,
                            type: 'success',
                            duration: 1000
                        })
                        setTimeout(()=>{
                            this.getOrderDetail()
                        },800)
                    }).catch(err => {
                        
                    })
                })
            }
        },
        //判断此商品是否可选
        selectable(row,index){
            if(row.isOffline == 1){
                return false;
            }else{
                return true;
            }
        }
    }
    
};
</script>
<style scoped lang='less'>
.editdetail {
    width: calc(~"100% - 250px");
    margin-top: 5%;
    margin-left: 230px;
    float: left;
    h3 {
        margin: 20px 20px;
    }
    .input {
        width: 33%;
    }
    .right-btn {
        position: absolute;
        right: 10%;
    }
}
.storeCode {
    position: absolute;
    top:30%;
    left:50%;
    width: 500px;
    height: 280px;
    text-align: center;
    overflow: hidden;
}

.el-table__body-wrapper {
    margin-top: 15px;
    img {
        width: 100%;
        .img-img{
            width:50%;
        }
    }
    a {
        color: #409eff;
    }

}
</style>
